.fieldRecycleBinText {
  display: flex;
  align-items: center;
  color: #757575;
  cursor: pointer;
  margin-left: 4px;
  padding: 8px 10px;
  font-weight: bold;
  border-radius: 18px;
  background-color: transparent;

  i {
    font-size: 16px;
    color: #9e9e9e;
  }
  .freeIcon {
    color: #fcb400 !important;
  }
  &:hover {
    background-color: #ffffff;
    color: #333;
  }
  &.active {
    background-color: #ffffff;
    color: #2196f3;
    i {
      color: #2196f3;
    }
  }
  .recycle {
    margin: 0 6px;
  }
}
.FieldRecycleBinDialog {
  width: 80% !important;
  .mui-dialog-header {
    padding-bottom: 14px !important;
    border-bottom: 1px solid #eaeaea;
  }
  .mui-dialog-close-btn {
    right: 10px !important;
    top: 20px !important;
  }
  .mui-dialog-body {
    padding: 0 0 0 13px !important;
  }
  .FieldRecycleBinHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .searchContainer {
      box-sizing: border-box;
      border-radius: 16px;
      position: relative;
      margin-right: 30px;
      height: 25px;

      .inputCon {
        padding: 0px 6px;
      }

      .icon-search {
        margin-top: 2px;
        color: #bdbdbd !important;
      }

      .icon-cancel {
        font-size: 14px;
        position: absolute;
        cursor: pointer;
        color: #ccc !important;
        top: 6px;
        right: 8px;
        &:hover {
          color: rgba(204, 204, 204, 0.8);
        }
      }

      .input {
        line-height: 25px;
        width: 184px;
        height: 25px;
        font-size: 13px;
        padding: 0 24px 0 30px;
        border: none;
        outline: none;
        background: transparent;
      }
    }
  }
  .FieldRecycleBinContent {
    width: 100%;
    height: 100%;
    display: flex;
    .FieldRecycleBinDetail {
      display: flex;
      .settingContentWrap {
        position: relative;
        &::after {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
        }
      }
    }
    .FieldRecycleBinTableNull {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      .iconWrap {
        width: 130px;
        height: 130px;
        line-height: 130px;
        text-align: center;
        border-radius: 50%;
        background-color: #f5f5f5;
      }
      .icon {
        vertical-align: middle;
        font-size: 66px;
        color: #bdbdbd;
      }
      .emptyExplain {
        margin-top: 20px;
        color: #9e9e9e;
        font-size: 17px;
        text-align: center;
      }
    }
    .FieldRecycleBinTable {
      flex: 1;
      display: flex;
      flex-direction: column;
      color: #757575;
      overflow-x: hidden;
      .tableContent {
        flex: 1;
        display: flex;
        flex-direction: column;
      }
      .fieldRecycleList {
        padding: 13px 0;
        align-items: center;
        border: 1px solid transparent;
        border-bottom-color: #eaeaea;
        cursor: pointer;
        .editOption {
          width: 80px;
          padding-right: 18px;
          text-align: right;
          font-size: 18px;
          visibility: hidden;
          i {
            margin-top: 2px;
            &:hover {
              color: #2196f3 !important;
            }
          }
        }
        .name {
          display: flex;
          align-items: center;
          min-width: 0;
          padding-left: 5px;
        }
        .columnWidth {
          width: 130px;
          @media (max-width: 1280px) {
            width: 100px;
          }
        }
        &.active {
          background: #e4f3ff !important;
          border: 1px solid #2196f3 !important;
          .editOption {
            visibility: visible !important;
          }
        }
        &:not(.fieldRecycleHeader):hover {
          background: #f8f8f8;
          .editOption {
            visibility: visible;
          }
        }
        &.fieldRecycleHeader {
          font-size: 14px;
          padding: 15px 0 9px 0;
        }
      }
    }
  }
}
